 <div class="user-list get-started-content">

    <div class="margin-5 text-center">
        <div class="headline-1 margin-1" w-i18n="userList.title"></div>
        <div class="body-2 margin-top-2 basic-500 margin-05">
            <span w-i18n="userList.notHaveAccount"></span>
        </div>
    </div>

    <div class="body-2 basic-900 margin-05" w-i18n="userList.address"></div>

    <w-select ng-model="$ctrl.activeUserAddress"
              one-item="$ctrl.userList.length <= 1"
              disabled="$ctrl.userList.length <= 1"
              hide-active="::false"
              class="big margin-3">
        <w-option ng-repeat="user in $ctrl.userList track by user.address"
                  value="::user.address">

            <div class="avatar-container margin-right-1">
                <w-avatar type="{{user.userType}}"
                          class="margin-right-1"
                          address="user.address"
                          size="30"></w-avatar></div>

            <div ng-class="::{'has-name': !!user.name}" class="ellipsis">
                <div class="name body-2 margin-05 mobile-caption-2">{{::user.name}}</div>
                <div class="address footnote-1 mobile-caption-2 ellipsis">{{::user.address}}</div>
            </div>
            <div class="icon-remove-user icon-close" ng-click="$ctrl.removeUser(user.address)"></div>
        </w-option>
    </w-select>

    <div class="password-placeholder" ng-if="$ctrl.needPassword">
        <div class="body-2 basic-900 margin-05" w-i18n="userList.password"></div>
    </div>
    <form class="margin-2"
          name="$ctrl.loginForm"
          novalidate>

        <w-input-container class="margin-4" ng-if="$ctrl.needPassword">
            <w-show-hide-password>
                <w-input
                    w-autofocus
                    name="password"
                    type="password"
                    ng-model="$ctrl.password"
                    w-i18n-attr="placeholder"
                    class="big no-icon"
                    placeholder="userList.placeholders.password"
                    required>
                </w-input>
            </w-show-hide-password>
            <div class="like-input-error" ng-if="$ctrl.showPasswordError && !$ctrl.networkError">
                <span class="error active" w-i18n="password.error"></span>
            </div>
            <div class="like-input-error" ng-if="$ctrl.showPasswordError && $ctrl.networkError">
                <span class="error active" w-i18n="network.error"></span>
            </div>
        </w-input-container>

        <w-analytics event="'Sign In Log In Click'" event-target="'ui'" event-params="{from: 'welcome'}">
            <w-button disabled="$ctrl.loginForm.$invalid"
                      on-click="$ctrl.login()"
                      type="submit"
                      class="submit big long">
                <span w-i18n="userList.buttons.login"></span>
            </w-button>
        </w-analytics>
    </form>

    <w-get-started-link has-create="::true" has-import="::true"></w-get-started-link>

</div>
